<template>
  <div class="home">
    <div class="home-shang">
      <div class="home-shou">
        <div class="tuq">
          <img src="https://flowbite.com/docs/images/logo.svg" alt="" />
          <h2>{{timu.blogName}}</h2>
        </div>
        <div class="home-link">
          <router-link to="/home/shouye" tag="div">首页</router-link>
          <router-link to="/home/fenlei" tag="div">分类</router-link>
          <router-link to="/home/biaoqian" tag="div">标签</router-link>
          <router-link to="/home/guidang" tag="div">归档</router-link>
        </div>
        <div class="shousuo">
          <div class="demo-input-suffix">
            <el-input
              placeholder="搜索待开发..."
              prefix-icon="el-icon-search"
              v-model="input2"
            >
            </el-input>
          </div>
          <div class="denglu" @click="tiaodeng">登录</div>
        </div>
      </div>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeView",
  components: {},
  data() {
    return {
      input2: "",
      timu:{},
    };
  },
  created(){
    this.getti();
  },
  methods:{
    tiaodeng(){
      this.$router.push("/login")
    },
    async getti(){
       let res = await this.$axios.post("/blog/setting/detail")
       console.log(res);
       this.timu = res.data.data;
    },
  },
};
</script>
<style scoped>
@import "./home.css";
</style>
